<script setup lang="ts">

const navData = [
    {
        id: '1',
        text: '全部'
    },
    {
        id: '2',
        text: '已回复',
        disable: true
    },
    {
        id: '3',
        text: '待回复',
        num: 200
    },
    {
        id: '4',
        text: '@我',
        num: 13
    }
];

const navData2 = [
    {
        id: '11',
        text: '全部'
    },
    {
        id: '22',
        text: '已回复',
        disable: true
    },
    {
        id: '33',
        text: '待回复',
        num: 200
    },
    {
        id: '44',
        text: '@我',
        num: 3
    }
];
</script>
<template>
    <div>
        <h2>横向导航</h2>
        <f-nav :nav-data="navData"></f-nav>
    </div>
    <div :style="'margin-top:100px'">
        <h2>纵向导航</h2>
        <f-nav :nav-data="navData2" :horizontal="false" :max-num="'999'"></f-nav>
    </div>
</template>
<style></style>
